<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title><?php echo CHtml::encode($this->pageTitle); ?></title>

    <link rel="icon" type="image/png" href="frontend/images/favicon.png" >
    <!--Include Font Goolge Open Sans -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;subset=latin,vietnamese' rel='stylesheet' type='text/css'>
    <!--Include CSS Bootstrap-->
    <link href="<?php echo Yii::app()->request->baseUrl; ?>/frontend/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="<?php echo Yii::app()->request->baseUrl; ?>/frontend/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <!--Include CSS Font-->
    <link href="<?php echo Yii::app()->request->baseUrl; ?>/frontend/font/css/font-awesome.min.css" rel="stylesheet" />
    <!--Include CSS Global -->
    <link href="<?php echo Yii::app()->request->baseUrl; ?>/frontend/css/global.css" rel="stylesheet" />
    <link href="<?php echo Yii::app()->request->baseUrl; ?>/frontend/css/style.css" rel="stylesheet" />
</head>

<body>

    <div id="load-page"></div>
    <!-- ========================================= HEADER TOP ========================================== -->
    <div id="header-top" class="bg-4">
        <div class="container">
            <div class="row">

                <div class="col-lg-6 col-md-6">
                    <div class="header-connect-social text-left">
                        <ul>
                            <li>theo dõi chúng tôi</li>
                            <li><a href="#"><i class="fa fa-facebook-square fa-lg"></i></a></li>
                            <li class="border"><a href="#"><i class="fa fa-google-plus-square fa-lg"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter-square fa-lg"></i></a></li>
                        </ul>
                    </div><!--end header-connect-social-->
                </div><!--end col-->

                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                    <div class="header-smlr text-right">
                        <ul>
                            <li><a href="sitemap.html"><i class="fa fa-sitemap"></i> &nbsp; site map</a></li>
                            <li><a href="register.html"><i class="fa fa-user"></i> &nbsp; đăng ký</a></li>
                            <li><a href="login.html"><i class="fa fa-unlock-alt"></i> &nbsp; đăng nhập</a></li>
                        </ul>
                    </div><!--end header-smlr-->
                </div><!--end col-->

            </div><!--end row-->
        </div><!--end container -->
    </div><!--end header top-->
    <!-- ========================================= END HEADER TOP ====================================== -->


    <!-- ========================================= NAVIGATION ========================================== -->
    <div id="navigation">
        <div class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand logo-page" href="#">need2<i class="text-1">know</i></a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav menu-page-menu">
                        <li><?php echo CHtml::link("<i class=\"fa fa-home\"></i> Trang chủ  ",array('main/index')); ?></li>
                        <li class="dropdown menu-page-dropdow">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-file-text-o"></i>Chuyên mục <span class="caret"></span></a>
                            <ul class="dropdown-menu bg-1 text-4" role="menu">
                                <li><?php echo CHtml::link("Danh sách bài viết", array('main/listArticle') ) ?></li>
                                <li class="divider"></li>
                                <li><a href="index.php">album hình ảnh</a></li>
                                <li class="divider"></li>
                                <li><a href="list-video.html">videos</a></li>
                            </ul>
                        </li>   
                        <li><?php echo CHtml::link("<i class=\"fa fa-slideshare\"></i> Về chúng tôi  ",array('main/about')); ?></li>
                        <li><?php echo CHtml::link("<i class=\"fa fa-phone\"></i> liên hệ ",array('main/contact')); ?></li>
                        <li class="zm-search zm-right-item">
                            <form action="#">
                                <input id="search-1" name="search" type="search" placeholder="Search...">
                                <label for="search-1" class="fa fa-search"></label>
                            </form>
                        </li><!--end searh header-->
                    </ul>
                </div><!--end nav-collapse -->
            </div><!--end container-->
        </div><!--end navbar default-->
    </div><!--end navigation-->
    <!-- ========================================= END NAVIGATION ====================================== -->

    
    <?php echo $content ?>


    <div class="margin-tb"></div>
   

    <!-- ========================================= FOOTER =============================================== -->
    <section id="footer">
        <div class="footer-top">
            <div class="container">

                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <hr class="hr-style5">
                    </div><!--end row-->
                </div>

                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="info-contact footer-col">
                            <h3 class="block-head">thông tin liên hệ</h3>
                            <ul>
                                <li><i class="fa fa-home"></i> &nbsp; 391A Nam Kỳ Khởi Nghĩa, TP.HCM</li>
                                <li><i class="fa fa-globe"></i> &nbsp; www.canbiet.net</li>
                                <li><i class="fa fa-phone"></i> &nbsp; +84 08-309-309</li>
                            </ul>
                        </div><!--end info contact-->
                    </div><!--end col-->

                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="info-logo footer-col">
                            <a class="logo-page" href="#">need2<i class="text-1">know</i></a>
                            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
                            <form action="/" method="post">
                                <div class="input-email">
                                    <input type="email" name="email" width="100" placeholder="ENTER YOUR EMAIL" />
                                </div>
                                <input type="submit" name="submit" value="GỬI" class="submit" />
                            </form>
                        </div><!--info-logo-->
                    </div><!--end col-->

                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="col-facebook footer-col">
                            <h3 class="block-head">facebook</h3>
                            <div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-width="240px" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
                        </div><!--col-facebook-->
                    </div><!--end col-->

                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="footer-tag footer-col">
                            <h3 class="block-head">Thẻ Tag</h3>
                            <a href="#">Design</a>
                            <a href="#">User interface</a>
                            <a href="#">Performance</a>
                            <a href="#">WordPress</a>
                            <a href="#">SEO</a>
                            <a href="#">Joomla</a>
                            <a href="#">ASP.Net</a>
                            <a href="#">SharePoint</a>
                            <a href="#">Bootstrap</a>
                        </div><!--end footer tag-->
                    </div><!--end col-->

                </div><!--end row-->
            </div><!--end container-->
        </div><!--end footer top-->

        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                        <p>© Copyrights  <b>NEED2KNOW</b> 2014. All rights reserved.</p>
                    </div><!--end col-->
                </div><!--end row-->
            </div><!--end container-->
        </div><!--end footer-bottom-->
    </section><!--end footer-->
    <!-- ========================================= END FOOTER =========================================== -->


    <!-- ========================================= BACKTOP ============================================== -->
    <p id="back-top">
        <a href="#"><i class="fa fa-angle-up"></i></a>
    </p>
    <!-- ========================================= END BACKTOP ========================================== -->

    <!--Box like facebook-->
    <div id="fb-root"></div>
    <script>
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <!--Include js Jquery 1.11-->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <!--Include js Bootstrap-->
    <script src="<?php echo Yii::app()->request->baseUrl; ?>/frontend/bootstrap/js/bootstrap.min.js"></script>
    <script src="<?php echo Yii::app()->request->baseUrl; ?>/frontend/bootstrap/js/moment.js"></script>
    <script src="<?php echo Yii::app()->request->baseUrl; ?>/frontend/bootstrap/js/bootstrap-datetimepicker.min.js"></script>

    <!-- Waypoints script -->
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/frontend/js/waypoints.min.js"></script>

    <!-- Animate numbers increment -->
    <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/frontend/js/jquery.animateNumber.min.js"></script>
    <script src="<?php echo Yii::app()->request->baseUrl; ?>/frontend/js/main.js"></script>
</body>
</html>
